
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:fmt="http://www.w3.org/1999/xhtml"
      xmlns:text-align="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/jpetstore.css" type="text/css">
    <style>

    </style>
</head>
<body>
<div th:replace="common/top1">
</div>

<div id="Content">
    <section class="pricing" style="height: 900px">

        <div class="col-ten pricing-table">
            <div class="row">
                <div class="col-eleven plan-wrap">
                    <div class="plan-block primary" data-aos="fade-up">
    <div id="Catalog">
        <div class="plan-top-part">
        <h2 th:text="${session.categoryId}"></h2>
        </div>
        <table>
            <tr>
                <th>Name</th>
                <th>Item ID</th>
                <th>Product ID</th>
                <th>List Price</th>
                <th>Quantity</th>
                <th></th>
                <th></th>

            </tr>
            <tr th:each="item:${session.petItemList}">
                <form action="/management/upDate" method="post">
                <td>
                    <input type="text" name="name" id="name" style="width:145px; margin: 0 auto" th:value="${item.product.name}" th:onclick=""/>
                </td>

                <td> <a th:href="@{'/management/viewItem'(itemId=${item.itemId})}"  th:text="${item.itemId}" style="color:white"></a><input type="hidden" name="itemId" th:value="${item.itemId}"><input type="hidden" name="productId" th:value="${item.product.productId}"></td>

                <td th:text="${item.product.productId}"></td>

                <td>
                    <input type="text" name="listPrice" id="listPrice" style="width:65px; margin: 0 auto" th:value="${item.listPrice}" th:onclick=""/>
                </td>

                <td>
                    <input type="text" name="quantity"  id="quantity" style="width:65px; margin: 0 auto" th:value="${item.quantity}" th:onclick=""/>

                </td>
                    <td><input type="submit" value="upDate" style="background-color:transparent; margin: 0 auto; font-size:17px"/></td>
                </form>
<!--                <td><a th:href="@{'/management/upDate'(itemId=${item.itemId},productId=${item.productId})}">Update</a></td>-->
                <td style="margin: 0 auto; "><a th:href="@{'/management/unShelve'(itemId=${item.itemId})}" style="color: white; text-align: left">UnShelve</a></td>
            </tr>
            <tr>
                <td><a th:href="@{'/management/Add'}" style="margin: 0 auto">Add New Item</a></td>
            </tr>
        </table>
    </div>
<!--                        <div class="home-scrolldown" ><div class="scroll-icon smoothscroll">-->
<!--                            <a th:href="@{/catalog/viewCategory(categoryId=${product.categoryId})}"-->
<!--                               th:text="'Return to '+${product.categoryId}">Return to Product</a>-->
<!--                        </div>-->
<!--</div>-->
        </div>
            </div>
        </div>
        </div>
    </section>


<div th:replace="common/bottom"/>
</div>

</body>
</html>